$(function () {

    if (!localStorage.getItem('token')) {
        return false
    }

    // alert('ok')  
    /* 效果1 ：获取用户信息 渲染到页面 */
    getUserInfo()

    /* 效果2 退出登录 */
    $('#logout-btn').on('click', function () {
        // 询问
        layui.layer.confirm('您确定要退出登录嘛？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            // 1-清除token
            localStorage.removeItem('token')

            location.href = 'login.html'

            layui.layer.close(index);

            // 2-跳转到登录页

        });
    })

    /* 效果2 修改个人信息 */
    $('#revise').on('click', function () {
        // 询问
        layui.layer.confirm('您确定要修改个人信息嘛？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            // 1-清除token
            // localStorage.removeItem('token')
            // 2-跳转到登录页
            location.href = 'myindex.html'
            layui.layer.close(index);
        });
    })

})


/* 把这两个函数 放到入口函数的外面 （全局函数 window对象的方法） */
function getUserInfo() {

    // 调接口
    $.ajax({
        method: 'get',
        url: '/admin/getuserinfo',
        success(res) {
            // alert('ok')
            // console.log(res);
            // 判断
            if (res.status !== 0) {
                return layui.layer.msg(res.message, {
                    icon: 5
                })
            }
            layui.layer.msg(res.message, {
                icon: 6,
                time: 1000
            }, function () {
                $('#login').hide()
                $('.userinfo').show()
            })
            // console.log(res)
            // 渲染数据
            render(res.data)
        },

    })
}

// 渲染数据的函数
function render(userinfo) {
    // console.log(userinfo);
    // 渲染欢迎语
    var name = userinfo.nickname ? userinfo.nickname : userinfo.username
    $('#welcome').html('欢迎' + name)
    // 渲染头像（如果有头像 则渲染图片头像 否则渲染文字头像）
    if (userinfo.user_pic !== null) {
        // 有图片头像(图片显示 span隐藏)
        $('.layui-nav-img').prop('src', userinfo.user_pic).show()
        $('.text-avatar').hide()
    } else {
        // 没有图片头像
        // 文字头像 （name 的首字母 并且是大写的）
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }

    //轮播图

    //    var carousel = layui.carousel;

    //    //触发轮播切换事件
    //    carousel.on('change(test1)', function(obj){ //test1来源于对应HTML容器的 lay-filter="test1" 属性值
    //      console.log(obj.index); //当前条目的索引
    //      console.log(obj.prevIndex); //上一个条目的索引
    //        console.log(obj.item); //当前条目的元素对象

    //    });


}


lb()

function lb() {
    //发送请求
    $.ajax({
        type: 'get',
        url: '/api/swipers',
        success(res) {
            if (res.status !== 0) {
                return layer.msg(res.message);
            }
            //渲染到页面
            console.log(res);
            var htmlStr = template('tpl-web', res)

            //渲染到页面
            $('#test1 ul').html(htmlStr)
            //启用轮播图
            layui.use('carousel', function () {
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#test1',
                    width: '750px' //设置容器宽度
                        ,
                    arrow: 'always' //始终显示箭头
                    // ,anim: 'updown' //切换动画方式
                });
            });
        }
    })
}

hb()
//合作伙伴
function hb() {
    //发送请求
    $.ajax({
        type: 'get',
        url: '/api/links',
        success(res) {
            if (res.status !== 0) {
                return layer.msg(res.message);
            }
            //渲染到页面

            var htmlStr = template('hz-web', res)
            // console.log(htmlStr);
            $('#hz_api').html(htmlStr)
        }
    })
}